UserCSS - 擴充語法
UserCSS
擴充符號
已使用：✅
不可：✖️
預設：🚫
可用：👌
table:擴充符號
~ ! @ # $ % ^ & * ( ) _ +
✅ ✅ ✖️ ✅ 🚫 👌 ✖️ 👌 🚫 ✅ 🚫 ✅
` - =
✖️ 🚫 ✖️
{ } |
✅ ✅ ✅
\
✖️ ✖️ ✖️
: "
✖️ ✅
; '
✖️ ✅
< > ?
✅ ✅ ✖️
, . /
👌 👌 🚫
放大插入圖示大小 [* sample.icon]
code:style.css
.deco-\* a.icon {
line-height: 2em;
}
.deco-\* img.icon {
font-size: 2em;
}
修改大小 [> 修改大小]
>
code:style.css
.deco-\> {
font-size: 1.2em;
}
範例文字 [+ 範例文字]
+
範例文字 [~ 範例文字]
~
code:style.css
/* red */
.deco-\+ {
/* color: #fd0001; */
color: #ff000f;
font-weight: 900;
}
/* yellow */
.deco-\~ {
/*color: #fffc03; */
color: #fcff0b;
font-weight: 900;
}
家の前で騒音VC [< 縁取り]
<
code:style.css
.line:not(.cursor-line) .deco-\< {
/*
-webkit-text-stroke: 0.015em #000;
*/
text-shadow: -1px -1px 0 #000, -1px 0px 0 #000, -1px 1px 0 #000,
0 -1px 0 #000, 0 1px 0 #000,
1px -1px 0 #000, 1px 0px 0 #000, 1px 1px 0 #000,
2px 2px 0 #000, 3px 3px 0 #000;
/*
filter: drop-shadow(0 0 1px #000);
*/
}
/customize/警告記法
範例文字 [! 範例文字]
連結
!
code:style.css
.deco-\! {
color: white;
background-color: red;
font-weight: bold;
padding: 1px 2px;
border-radius: 1px;
}
.deco-\! a.page-link {
color: yellow;
}
家の前で騒音VC [( ✗]
(
code:style.css
.deco-\( {
background-image: linear-gradient(
90deg,
hsl(6deg 100% 50%) 0%,
hsl(29deg 100% 50%) 12%,
hsl(45deg 100% 50%) 20%,
hsl(59deg 100% 50%) 28%,
hsl(80deg 100% 64%) 35%,
hsl(117deg 100% 73%) 41%,
hsl(159deg 100% 50%) 48%,
hsl(183deg 100% 47%) 55%,
hsl(197deg 100% 50%) 62%,
hsl(211deg 100% 51%) 70%,
hsl(266deg 77% 66%) 78%,
hsl(310deg 70% 55%) 88%,
hsl(327deg 100% 50%) 100%
);
background-repeat: no-repeat;
/* background-size: 100% .15em; */
/* background-position: 0 92%; */
background-clip: text;
-webkit-background-clip: text;
color: transparent;
}
kujakujira.icon對話框 [kujakujira.icon][{ 對話框]
{
code:style.css
.deco-\{, .deco-\} {
padding: 4px 8px;
margin-left: 16px;
position: relative;
color: #333;
border: 1px solid #707070;
border-radius: 5px;
background: #fff;
}
.deco-\{:before, .deco-\{:after {
content: "";
position: absolute;
display: block;
width: 0;
}
.deco-\{:before {
top: 8px;
left: -12px;
border-width: 7px 13px 7px 0;
border-color: transparent #707070;
border-style: solid;
}
.deco-\{:after {
top: 9px;
left: -10px;
border-width: 6px 12px 6px 0;
border-color: transparent #fff;
border-style: solid;
}
/villagepump/中央揃え記法
[' ◇　　◇　　◇]
'
◇　　◇　　◇
── お知らせ ──
△　○　□　×
code:style.css
.deco-\', .line:not(.cursor-line) .deco-\' {
position: absolute;
width: 100%;
text-align: center;
}